<!DOCTYPE html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1.0, maximum-scale=1.0"/>
<!-- Icons for Web App
<link rel="apple-touch-icon" sizes="114x114" href="images/nav/index@2x.png">
<link rel="apple-touch-startup-image" href="images/splash/splash-screen.png" media="screen and (max-device-width: 320px)" />
<link rel="apple-touch-startup-image" media="(max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2)" href="images/splash/splash-screen@2x.png" />
-->
<title>Frontera Pesos Login</title>
<link href="styles/style.css" rel="stylesheet" type="text/css">
<link href="styles/type.css" rel="stylesheet" type="text/css">
<link href="styles/buttons.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" media="only screen and (-webkit-min-device-pixel-ratio: 2)"	type="text/css" href="styles/highdpi.css" />

<script type="text/javascript" src="scripts/jquery.js"></script>
<script type="text/javascript" src="scripts/highdpi.js"></script>
<script type="text/javascript" src="scripts/custom.js"></script>
 <script>
function formSubmit()
{
document.getElementById("checkout").submit();
}
</script>
</head>

<body>

<div class="landing-page">
	<p class="center-text landing-logo shadow">
    	<img class="replace-2x" width="200" src="../../assets/FroLogoRetina.png" alt="img">
	</p>
    
    <center>
    
	<div class="tablet-box-expanded">
      <div class="tablet-customer">
        <h2>Carey Drake<br/>
       (706) 988-1196</h2>
        <h2>Total Pesos: 73</h2>
        <h2>&nbsp;</h2>
        <p>&nbsp;</p>
        <h1>Reward(s) Redeemed Today</h1>
        
        
       <div class="tablet-box-redeem">
         <h4>Free Cheese Dip<br/>
           40 Pesos
         </h4>
       </div>
       
       <div class="tablet-box-redeem">
         <h4>Buy-1-Get-1 Taco<br/>
           20 Pesos
         </h4>
       </div>
       
       
        <h1>&nbsp;</h1>
        <h1>Checkout Customer</h1>
        <p><form action="" id="checkout" name="checkout">
          <input type="tel" name="text" id="default" value="" placeholder="Bill SubTotal" class="text-input"  />
          <input type="tel" name="text" id="default" value="" placeholder="Ticket ID" class="text-input"  />
        </p>
       
        
         <span id="login-button"><a class="buttonBigYellow-checkout" onclick="formSubmit()" href="javascript:void(0)">Checkout</a></span> 
        </form>
        <p>&nbsp;</p>
      </div>
	</div>
	</a>
    </center>
    

<!--	<p class="login-note shadow"><strong>*</strong>Forgot my Password</p> -->
<div style="height:25px;"></div>
</div>
<style>
#registration-block{
	display:none;
}
</style>

    </div>
<script>
    $('#register-button').click(function() {
      $('#registration-block').fadeIn('slow', function() {
        // Animation complete
      });
    });
</script>

</body>
</html>
